<!--
 * @Author: your name
 * @Date: 2021-08-26 11:04:34
 * @LastEditTime: 2021-08-26 13:55:18
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /web-blog/src/pages/blog/openSubject.vue
-->

<template>
  <div>
    <Nav></Nav>
    <div class="main">
      <h1>开源项目汇总</h1>
      <div>
        <div>
          <h2>
            <a href="https://gitee.com/woaink/web-blog"></a>
            web-blog
          </h2>
          <span>
            <img src="https://travis-ci.org/a407042815/web-blog.svg?branch=master" class="gitee"/>
            <img src="https://img.shields.io/npm/v/web-blog.svg" class="gitee"/>
            <img src="http://img.shields.io/npm/dm/web-blog.svg" class="gitee"/>
            <img src="https://img.shields.io/github/license/elemefe/vue-amap.svg?style=flat-square" class="gitee"/>
            <img src="https://gitee.com/woaink/web-blog/badge/star.svg?theme=white" class="gitee"/>
          </span>
          <p>基于vue的开源项目</p>
          <blockquote class="blockquote">
            <p>项目地址: https://gitee.com/woaink/wx-blog</p>
          </blockquote>
        </div>
      </div>

      <div>
        <div>
          <h2>
            <a href="https://gitee.com/woaink/web-blog"></a>
            web-blog
          </h2>
          <span>
            <img src="https://travis-ci.org/a407042815/web-blog.svg?branch=master" class="gitee"/>
            <img src="https://img.shields.io/npm/v/web-blog.svg" class="gitee"/>
            <img src="http://img.shields.io/npm/dm/web-blog.svg" class="gitee"/>
            <img src="https://img.shields.io/github/license/elemefe/vue-amap.svg?style=flat-square" class="gitee"/>
            <img src="https://gitee.com/woaink/web-blog/badge/star.svg?theme=white" class="gitee"/>
          </span>
          <p>基于vue的开源项目</p>
          <blockquote class="blockquote">
            <p>项目地址: https://gitee.com/woaink/wx-blog</p>
          </blockquote>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Nav from '../../components/nav/nav.vue'

export default {
  components: {
    Nav
  },
  data() {
    return {
    }
  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
.main {
  margin-left: 400px;
  margin-right: 400px;
  margin-top: 100px;
}

.blockquote {
    font-size: 15px;
    color: #999;
    border-left: 3px solid #dfe2e5;
    margin: 10px 0;
    padding: 2px 5px 0;
}

h2 {
  padding-block: 5px;
  border-bottom: 1px solid #eaecef;
}

.gitee {
  margin-right: 5px;
  margin-bottom: 10px;
  cursor:pointer;
}
</style>
